<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>我的订单</title>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta name="viewport" content="width=device-width, initial-scale=0.5, minimum-scale=0.5, maximum-scale=0.5, user-scalable=no,viewport-fit=cover">
		<meta name="format-detection" content="telephone=no">
		<meta name="renderer" content="webkit">
		<meta http-equiv="Cache-Control" content="no-siteapp" />
		<link rel="stylesheet" href="../../css/common.css" />
		<link rel="stylesheet" href="../../css/order/index.css" />
		<script type="application/javascript" src="../../js/common/static_common.js"></script>
	</head>
	<body>
		<span id="app" v-cloak>
			<header title="我的订单"></header>

			<div class="_div data-v-2511d3b6 container">
				<ul class="_ul data-v-2511d3b6 tab">
					<li class="_li data-v-2511d3b6 tab-item" data-comkey="0" data-eventid="0-0" @click="toType(0)">
						<div class="_div data-v-2511d3b6 msg" :class="{active:type==0}"> 待付款 </div>
					</li>
					<li class="_li data-v-2511d3b6 tab-item" data-comkey="0" data-eventid="0-1" @click="toType(1)">
						<div class="_div data-v-2511d3b6 msg" :class="{active:type==1}"> 待发货 </div>
					</li>
					<li class="_li data-v-2511d3b6 tab-item" data-comkey="0" data-eventid="0-2" @click="toType(2)">
						<div class="_div data-v-2511d3b6 msg" :class="{active:type==2}"> 待收货 </div>
					</li>
					<li class="_li data-v-2511d3b6 tab-item" data-comkey="0" data-eventid="0-3" @click="toType(3)">
						<div class="_div data-v-2511d3b6 msg" :class="{active:type==3}"> 待评价 </div>
					</li>
					<li class="_li data-v-2511d3b6 tab-item" data-comkey="0" data-eventid="0-4" @click="toType(-1)">
						<div class="_div data-v-2511d3b6 msg" :class="{active:type==-1}"> 全部订单 </div>
					</li>
				</ul>
				<div class="_div data-v-2511d3b6 content">
					<div class="_scroll-view data-v-2511d3b6" data-comkey="0" data-eventid="5" scroll-y="" style=" height:100%;">
						<img class="_img data-v-2511d3b6 nothing" mode="widthFix" src="../../images/shouye/sousuowujieguo@2x.png" v-if="empty"/>
						<ul class="_ul data-v-2511d3b6 list" v-if="!empty">
							<li class="_li data-v-2511d3b6 list-item clearfix" data-comkey="0" data-eventid="4-0" v-for="order in orders"  >
								<div class="_div data-v-2511d3b6 top clearfix" @click="toDetail(order)">
									<div class="_div data-v-2511d3b6 left"> 订单编号：{{order.orderNo}} </div>
									<div class="_div data-v-2511d3b6 right"> {{order.status==0?"待付款":order.status==1?"待发货":order.status==2?"待收货":order.status==3?"待评价":""}} </div>
								</div>
								<ul class="_ul data-v-2511d3b6 goods-list" v-for="item in order.orderDetails" @click="toDetail(order)">
									<li class="_li data-v-2511d3b6 goods-item">
										<div class="_div data-v-2511d3b6 picture">
											<img class="_img data-v-2511d3b6 img" mode="widthFix" :src="imgUrl+item.logoPath.split(',')[0]" />
										</div>
										<div class="_div data-v-2511d3b6 info">
											<div class="_div data-v-2511d3b6 goods-name">{{item.name}}</div>
											<div class="_div data-v-2511d3b6 specification clearfix">
												<div class="_div data-v-2511d3b6 num">× {{item.count}}</div>
											</div>
											<div class="_div data-v-2511d3b6 price">
												<div class="_div data-v-2511d3b6 rmb-group"> ￥{{item.price}} </div>
												<div class="_div data-v-2511d3b6 and" v-if="item.points>0">+</div>
												<div class="_div data-v-2511d3b6 fen-group" v-if="item.points>0"> 积分{{item.points}} </div>
											</div>
										</div>
									</li>
								</ul>
								<div class="_div data-v-2511d3b6 total" @click="toDetail(order)">
									共{{order.orderDetails.length}}件商品 合计：
									<div class="_div data-v-2511d3b6 rmb-group"> ￥{{order.amount}} </div>
									<div class="_div data-v-2511d3b6 tip"> (含运费：¥0.00) </div>
								</div>
								<div class="_div data-v-2511d3b6 btns clearfix">
									<div class="_div data-v-2511d3b6 btn btn-topay"  v-if="order.status==0" @click="pay(order)">去付款</div>
									<div class="_div data-v-2511d3b6 btn btn-confirm" v-if="order.status == 2" @click="receive(order)">确认收货</div>
									<div class="_div data-v-2511d3b6 btn btn-evaluate" v-if="order.status == 3"  @click="toDetail(order)">去评价</div>
									<div class="_div data-v-2511d3b6 btn btn-delete" data-comkey="0" data-eventid="3-0" @click="cancel(order)" v-if="order.status==0">取消订单</div>
								</div>
							</li>
						</ul>
					</div>
				</div>
			</div>
			<form :action="baseUrl+'order/pay/appWx'" style="display: none;" method="get" enctype="application/x-www-form-urlencoded" ref="sForm">
				<input ref="orderNo" type="text" name="orderNo" />
				<input ref="openid" type="text" name="openid" />
				<input ref="httpIpPort" type="text" name="httpIpPort" v-model="httpIpPort"/>
				<input type="submit" ref="submitForm" value="提交"/>
			</form>
		</span>
	</body>
	<script type="application/javascript" src="../../js/order/index.js"></script>
</html>
